<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="commons/taglib.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>
		<link rel="stylesheet" href="${ctx }/static/css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="${ctx }/static/css/app.css"/>
		<link rel="stylesheet" href="${ctx }/static/css/styless.css" />
		<link rel="stylesheet" type="text/css" href="${ctx }/static/css/icons-extra.css" />
		<script type="text/javascript" src="${ctx }/static/js/jquery-2.1.3.min.js" ></script>
		<script type="text/javascript" src="${ctx }/static/js/index.js" ></script>
		<script src="${ctx }/static/js/jquery-1.11.1.js"></script>
  
		
	</head>
	<body>
	<from>
		<header class="mui-bar mui-bar-nav">
			<div class="nav1">
				<a href="index"><img src="${ctx }/static/img/fanhui.png"/></a>
			</div>
			<div class="nav2">我要预约</div>
			<div class="nav3"></div>
		</header>
		<div class="yuyue">
			<div class="juli"></div>
			<div class="yuyue1">预约</div>
			<div class="yuyue2">
				<select class="xldz">
					<option>成都 </option>
					<option>成都</option>
					<option>成都</option>
				</select>
			</div>
			<div class="dzfh">∨</div>
		</div>
		<div class="main" style="margin-top: 0px;">
			<div class="fg">
				预约日期
			</div>
			<div class="time">
			<div id="CalendarMain">
				  <div id="title"><a class="selectBtn selectYear" href="javascript:" onClick="CalendarHandler.CreateSelectYear(CalendarHandler.showYearStart);">2014年</a><a class="selectBtn selectMonth" onClick="CalendarHandler.CreateSelectMonth()">6月</a> </div>
				  <div id="context">
				    <div class="week">
				      <h3> 一 </h3>
				      <h3> 二 </h3>
				      <h3> 三 </h3>
				      <h3> 四 </h3>
				      <h3> 五 </h3>
				      <h3> 六 </h3>
				      <h3> 日 </h3>
				    </div>
				    <div id="center">
				      <div id="centerMain">
				        <div id="selectYearDiv"></div>
				        <div id="centerCalendarMain">
				          <div id="Container"></div>
				        </div>
				        <div id="selectMonthDiv"></div>
				      </div>
				    </div>
				  </div>
				</div>
			</div>
			<div class="fg">
				服务类别 
			</div>
			<div class="mui-content">
		        <ul class="mui-table-view mui-grid-view mui-grid-9 tab">
		        <c:forEach items="${ department}" var="department">
		            <li class="mui-table-view-cell mui-media ser mui-col-xs-3 mui-col-sm-3" >  <a href="javascript:javascript:void(0);" data-id="${department.id}" class="TT">${department.departments } </a></li>
		            <!-- <li class="mui-table-view-cell mui-media ser mui-col-xs-3 mui-col-sm-3">  <a href="javascript:all('yuyuefu'),'妇产科',true" class="bg">妇产科 </a></li>
		            <li class="mui-table-view-cell mui-media ser mui-col-xs-3 mui-col-sm-3">  <a href="javascript:all('yuyuechildren'),'儿科',true" class="bg">儿科 </a></li>
		            <li class="mui-table-view-cell mui-media ser mui-col-xs-3 mui-col-sm-3">  <a href="#" class="bg">儿童保健 </a></li>
		            <li class="mui-table-view-cell mui-media ser mui-col-xs-3 mui-col-sm-3">  <a href="#" class="bg">齿科 </a></li>
		            <li class="mui-table-view-cell mui-media ser mui-col-xs-3 mui-col-sm-3">  <a href="javascript:all('leike.html'),'眼科',true" class="bg">眼科 </a></li>
		            <li class="mui-table-view-cell mui-media ser mui-col-xs-3 mui-col-sm-3">  <a href="#" class="bg">皮肤科 </a></li>
		            <li class="mui-table-view-cell mui-media ser mui-col-xs-3 mui-col-sm-3">  <a href="#" class="bg">优惠套餐 </a></li> -->
		        </c:forEach>
		        </ul> 
		</div>
		<div class="more">
		        <ul class="more-one">
		        	<li> 更多专科: </li>
		        	<li> <a href="special.html">早产儿保健</a> </li>
		        	<li> <a href="special.html">婴幼儿神经发育</a> </li>
		        </ul>
		</div>
<div class="all">
	<div style="height:300px;display:block;" class="fram">
	
				<div class="fg yy">

				<c:set var="br" value="${branchCourts.get(0)}"/>
						请选择预约诊所(2017年02月09日  ${br.department.departments} )
						
						
					</div>
					<ul class="mui-table-view ">
						<c:forEach items="${ branchCourts}" var="branchCourts">
							<li class="mui-table-view-cell mui-media menu">
								<a href="javascript:;">
									<img class="mui-media-object mui-pull-left" src="${ctx }/static/img/shuijiao.jpg">
									<div class="mui-media-body">
										${branchCourts.hospitalName }
										<p class='mui-ellipsis'> ${branchCourts.address } </p>
									</div>
								</a>
							</li>
						</c:forEach>
					</ul>
		</div>		
		</div>
		</div>
		<div style="height:100px;"></div>
		<footer>
			<div class="mui-content">
		        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-6  ">  <a href="yuyueindex" class="foots" >
		            	<div class="mui-icon-extra mui-icon-extra-outline img-doc"></div>
		            	<p class="foot foot-ys">预约 </p> 
		            </a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-6 ">  <a href="yuyuedoctor" class=" foots" >
		            	<div class="mui-icon-extra mui-icon-extra-outline "></div>
		            	<p class="foot">医生 </p> 
		            </a></li>
		        </ul> 
		</div>
		</footer>
		</from>
	</body>
	
	<script type="text/javascript">
	 $(".TT").on('click', function () {
         var id = $(this).data('id');
         $.ajax({
             url: "/yuyuediqu",
             type: "POST",//向指定资源提交数据，请求服务器进行处理（例如提交表单或者上传文件）
                          // GET：向指定的资源发出“显示”请求。使用GET方法应该只用在读取数据
             data: {id: id},//请求的数据类型
             success: function (data) {
            	 console.log(data);
                 if (data != null) {
                	 window.location.href='yuyueindex';
             }else{
            	 }
             }
         });
         return false;

     });

	
	</script>
	
	
	
</html>
